<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
        <meta name="description" content="" />
        <meta name="author" content="" />
        <title>Press - SB UI Kit Pro</title>
        <link href="css/styles.css" rel="stylesheet" />
        <link rel="icon" type="image/x-icon" href="assets/img/favicon.png" />
        <script data-search-pseudo-elements defer src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/js/all.min.js" crossorigin="anonymous"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/feather-icons/4.24.1/feather.min.js" crossorigin="anonymous"></script>
    </head>
    <body>
        <div id="layoutDefault">
            <div id="layoutDefault_content">
                <main>
                    <!-- Navbar-->
                    <nav class="navbar navbar-marketing navbar-expand-lg bg-white navbar-light">
                        <div class="container px-5">
                            <a class="navbar-brand text-dark" href="index.html">SB UI Kit Pro</a>
                            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><i data-feather="menu"></i></button>
                            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                                <ul class="navbar-nav ms-auto me-lg-5">
                                    <li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
                                    <li class="nav-item dropdown dropdown-xl no-caret">
                                        <a class="nav-link dropdown-toggle" id="navbarDropdownDemos" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            Landings
                                            <i class="fas fa-chevron-right dropdown-arrow"></i>
                                        </a>
                                        <div class="dropdown-menu dropdown-menu-end animated--fade-in-up me-lg-n25 me-xl-n15" aria-labelledby="navbarDropdownDemos">
                                            <div class="row g-0">
                                                <div class="col-lg-5 p-lg-3 bg-img-cover overlay overlay-primary overlay-70 d-none d-lg-block" style="background-image: url('assets/img/backgrounds/bg-dropdown-xl.jpg')">
                                                    <div class="d-flex h-100 w-100 align-items-center justify-content-center">
                                                        <div class="text-white text-center z-1">
                                                            <div class="mb-3">Multipurpose landing pages for a variety of projects.</div>
                                                            <a class="btn btn-white btn-sm text-primary fw-500" href="index.html">View All</a>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-7 p-lg-5">
                                                    <div class="row">
                                                        <div class="col-lg-6">
                                                            <h6 class="dropdown-header text-primary">Applications</h6>
                                                            <a class="dropdown-item" href="landing-app-mobile.html">Mobile App</a>
                                                            <a class="dropdown-item" href="landing-app-desktop.html">Desktop App</a>
                                                            <div class="dropdown-divider border-0"></div>
                                                            <h6 class="dropdown-header text-primary">Business</h6>
                                                            <a class="dropdown-item" href="landing-multipurpose.html">Multipurpose</a>
                                                            <a class="dropdown-item" href="landing-agency.html">Agency</a>
                                                            <a class="dropdown-item" href="landing-press.html">Press</a>
                                                            <a class="dropdown-item" href="landing-directory.html">Directory</a>
                                                            <a class="dropdown-item" href="landing-rental.html">Rental</a>
                                                            <a class="dropdown-item" href="landing-real-estate.html">Real Estate</a>
                                                            <a class="dropdown-item" href="landing-classifieds.html">Classifieds</a>
                                                            <div class="dropdown-divider border-0"></div>
                                                            <h6 class="dropdown-header text-primary">Lead Generation</h6>
                                                            <a class="dropdown-item" href="landing-lead-capture.html">Lead Capture</a>
                                                            <div class="dropdown-divider border-0 d-lg-none"></div>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <h6 class="dropdown-header text-primary">Personal</h6>
                                                            <a class="dropdown-item" href="landing-resume.html">Resume</a>
                                                            <a class="dropdown-item" href="landing-portfolio.html">Portfolio</a>
                                                            <div class="dropdown-divider border-0"></div>
                                                            <h6 class="dropdown-header text-primary">Header Styles</h6>
                                                            <a class="dropdown-item" href="header-basic.html">Basic</a>
                                                            <a class="dropdown-item" href="header-basic-signup.html">Basic (Signup)</a>
                                                            <a class="dropdown-item" href="header-graphic.html">Graphic</a>
                                                            <a class="dropdown-item" href="header-graphic-signup.html">Graphic (Signup)</a>
                                                            <a class="dropdown-item" href="header-inner-page.html">Inner Page</a>
                                                            <a class="dropdown-item" href="header-nav-only.html">Nav Only</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="nav-item dropdown dropdown-xl no-caret">
                                        <a class="nav-link dropdown-toggle" id="navbarDropdownPages" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            Pages
                                            <i class="fas fa-chevron-right dropdown-arrow"></i>
                                        </a>
                                        <div class="dropdown-menu dropdown-menu-end me-lg-n20 me-xl-n15 animated--fade-in-up" aria-labelledby="navbarDropdownPages">
                                            <div class="row g-0">
                                                <div class="col-lg-4 p-lg-5">
                                                    <h6 class="dropdown-header text-primary">Company</h6>
                                                    <a class="dropdown-item" href="page-basic.html">Basic Page</a>
                                                    <a class="dropdown-item" href="page-company-about.html">About</a>
                                                    <a class="dropdown-item" href="page-company-pricing.html">Pricing</a>
                                                    <a class="dropdown-item" href="page-company-contact.html">Contact</a>
                                                    <a class="dropdown-item" href="page-company-team.html">Team</a>
                                                    <a class="dropdown-item" href="page-company-terms.html">Terms</a>
                                                    <div class="dropdown-divider border-0"></div>
                                                    <h6 class="dropdown-header text-primary">Support</h6>
                                                    <a class="dropdown-item" href="page-help-center.html">Help Center</a>
                                                    <a class="dropdown-item" href="page-help-knowledgebase.html">Knowledgebase</a>
                                                    <a class="dropdown-item" href="page-help-message-center.html">Message Center</a>
                                                    <a class="dropdown-item" href="page-help-support-ticket.html">Support Ticket</a>
                                                    <div class="dropdown-divider border-0 d-lg-none"></div>
                                                </div>
                                                <div class="col-lg-4 p-lg-5">
                                                    <h6 class="dropdown-header text-primary">Careers</h6>
                                                    <a class="dropdown-item" href="page-careers-overview.html">Careers List</a>
                                                    <a class="dropdown-item" href="page-careers-listing.html">Position Details</a>
                                                    <div class="dropdown-divider border-0"></div>
                                                    <h6 class="dropdown-header text-primary">Blog</h6>
                                                    <a class="dropdown-item" href="page-blog-overview.html">Overview</a>
                                                    <a class="dropdown-item" href="page-blog-post.html">Post</a>
                                                    <a class="dropdown-item" href="page-blog-archive.html">Archive</a>
                                                    <div class="dropdown-divider border-0"></div>
                                                    <h6 class="dropdown-header text-primary">Portfolio</h6>
                                                    <a class="dropdown-item" href="page-portfolio-grid.html">Grid</a>
                                                    <a class="dropdown-item" href="page-portfolio-large-grid.html">Large Grid</a>
                                                    <a class="dropdown-item" href="page-portfolio-masonry.html">Masonry</a>
                                                    <a class="dropdown-item" href="page-portfolio-case-study.html">Case Study</a>
                                                    <a class="dropdown-item" href="page-portfolio-project.html">Project</a>
                                                    <div class="dropdown-divider border-0 d-lg-none"></div>
                                                </div>
                                                <div class="col-lg-4 p-lg-5">
                                                    <h6 class="dropdown-header text-primary">Error</h6>
                                                    <a class="dropdown-item" href="page-error-400.html">400 Error</a>
                                                    <a class="dropdown-item" href="page-error-401.html">401 Error</a>
                                                    <a class="dropdown-item" href="page-error-404-1.html">404 Error (Option 1)</a>
                                                    <a class="dropdown-item" href="page-error-404-2.html">404 Error (Option 2)</a>
                                                    <a class="dropdown-item" href="page-error-500.html">500 Error</a>
                                                    <a class="dropdown-item" href="page-error-503.html">503 Error</a>
                                                    <a class="dropdown-item" href="page-error-504.html">504 Error</a>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="nav-item dropdown no-caret">
                                        <a class="nav-link dropdown-toggle" id="navbarDropdownDocs" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            Documentation
                                            <i class="fas fa-chevron-right dropdown-arrow"></i>
                                        </a>
                                        <div class="dropdown-menu dropdown-menu-end animated--fade-in-up" aria-labelledby="navbarDropdownDocs">
                                            <a class="dropdown-item py-3" href="https://docs.startbootstrap.com/sb-ui-kit-pro/quickstart" target="_blank">
                                                <div class="icon-stack bg-primary-soft text-primary me-4"><i data-feather="book-open"></i></div>
                                                <div>
                                                    <div class="small text-gray-500">Documentation</div>
                                                    Usage instructions and reference
                                                </div>
                                            </a>
                                            <div class="dropdown-divider m-0"></div>
                                            <a class="dropdown-item py-3" href="https://docs.startbootstrap.com/sb-ui-kit-pro/components" target="_blank">
                                                <div class="icon-stack bg-primary-soft text-primary me-4"><i data-feather="code"></i></div>
                                                <div>
                                                    <div class="small text-gray-500">Components</div>
                                                    Code snippets and reference
                                                </div>
                                            </a>
                                            <div class="dropdown-divider m-0"></div>
                                            <a class="dropdown-item py-3" href="https://docs.startbootstrap.com/sb-ui-kit-pro/changelog" target="_blank">
                                                <div class="icon-stack bg-primary-soft text-primary me-4"><i data-feather="file-text"></i></div>
                                                <div>
                                                    <div class="small text-gray-500">Changelog</div>
                                                    Updates and changes
                                                </div>
                                            </a>
                                        </div>
                                    </li>
                                </ul>
                                <a class="btn fw-500 ms-lg-4 btn-teal" href="https://shop.startbootstrap.com/sb-ui-kit-pro">
                                    Buy Now
                                    <i class="ms-2" data-feather="arrow-right"></i>
                                </a>
                            </div>
                        </div>
                    </nav>
                    <section class="bg-light py-5">
                        <div class="container px-5">
                            <div class="d-flex align-items-center justify-content-between">
                                <h6 class="mb-0">Featured Story</h6>
                                <div>
                                    <a class="text-arrow-icon small" href="#!">
                                        More headlines
                                        <i data-feather="arrow-right"></i>
                                    </a>
                                </div>
                            </div>
                            <hr class="mb-4" />
                            <div class="card mb-4">
                                <div class="card-body p-0">
                                    <div class="row g-0">
                                        <div class="col-lg-6 p-5">
                                            <a class="badge badge-marketing bg-primary-soft rounded-pill text-primary mb-3" href="#!">Web</a>
                                            <a class="text-dark" href="#!"><h1>News companies post headline about creating new websites with powerful UI kits</h1></a>
                                            <p>When creating and developing startups, using a UI kit to bootstrap your companies website can be an extremely efficient way to save time, money, and runway.</p>
                                            <a class="text-arrow-icon small" href="#!">
                                                Read more
                                                <i data-feather="arrow-right"></i>
                                            </a>
                                        </div>
                                        <div class="col-lg-6 align-self-stretch bg-img-cover d-none d-lg-flex" style="background-image: url('https://source.unsplash.com/npxXWgQ33ZQ/1200x800')"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="d-flex align-items-center justify-content-between">
                                <h6 class="mb-0">Top Stories</h6>
                                <div>
                                    <a class="text-arrow-icon small" href="#!">
                                        View more
                                        <i data-feather="arrow-right"></i>
                                    </a>
                                </div>
                            </div>
                            <hr class="mb-4" />
                            <div class="row gx-5">
                                <div class="col-lg-7 col-xl-8">
                                    <div class="d-flex">
                                        <div class="flex-grow-1">
                                            <a class="text-dark" href="#!"><h5 class="mt-0">Is the Bootstrap framework the best way to build a mobile responsive website?</h5></a>
                                            <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
                                            <a class="text-arrow-icon small" href="#!">
                                                Read more
                                                <i data-feather="arrow-right"></i>
                                            </a>
                                        </div>
                                        <div class="flex-shrink-0 ms-4"><img class="align-self-start rounded shadow media-img" src="https://source.unsplash.com/4hbJ-eymZ1o/160x160" alt="..." /></div>
                                    </div>
                                    <hr class="my-4" />
                                    <div class="d-flex">
                                        <div class="flex-grow-1">
                                            <a class="text-dark" href="#!"><h5 class="mt-0">Is virtual reality the new UI? Exploring the use of virtual reality and 3D user interfaces for everyday products</h5></a>
                                            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt repellat possimus delectus odit vero! Accusantium, omnis! Amet reiciendis ex numquam. Minus corporis, tempore facere placeat repellat ipsum eaque similique neque.</p>
                                            <a class="text-arrow-icon small" href="#!">
                                                Read more
                                                <i data-feather="arrow-right"></i>
                                            </a>
                                        </div>
                                        <div class="flex-shrink-0 ms-4"><img class="align-self-start rounded shadow media-img" src="https://source.unsplash.com/HI6gy-p-WBI/160x160" alt="..." /></div>
                                    </div>
                                    <hr class="my-4" />
                                    <div class="d-flex">
                                        <div class="flex-grow-1">
                                            <a class="text-dark" href="#!"><h5 class="mt-0">How cats can improve your workflow productivity</h5></a>
                                            <p>Quasi error voluptates, commodi enim voluptate, quisquam vitae temporibus asperiores velit vero aperiam culpa iste eius autem praesentium ducimus similique iusto dolorum.</p>
                                            <a class="text-arrow-icon small" href="#!">
                                                Read more
                                                <i data-feather="arrow-right"></i>
                                            </a>
                                        </div>
                                        <div class="flex-shrink-0 ms-4"><img class="align-self-start rounded shadow media-img" src="https://source.unsplash.com/bN9FFTPlLjU/160x160" alt="..." /></div>
                                    </div>
                                    <hr class="my-4 d-lg-none" />
                                </div>
                                <div class="col-lg-5 col-xl-4">
                                    <div class="card">
                                        <div class="card-body">
                                            <h6>Opinion</h6>
                                            <hr />
                                            <div class="d-flex mb-4">
                                                <div class="avatar avatar-lg"><img class="avatar-img" src="assets/img/illustrations/profiles/profile-1.png" /></div>
                                                <div class="ms-3">
                                                    <a class="text-dark" href="#!"><h6 class="mb-1">Bootstrap is the best CSS framework, hands down</h6></a>
                                                    <div class="small text-gray-500">
                                                        by
                                                        <a class="text-gray-500" href="#!">Valerie Luna</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="d-flex mb-4">
                                                <div class="avatar avatar-lg"><img class="avatar-img" src="assets/img/illustrations/profiles/profile-2.png" /></div>
                                                <div class="ms-3">
                                                    <a class="text-dark" href="#!"><h6 class="mb-1">Bootstrap is the best CSS framework, hands down</h6></a>
                                                    <div class="small text-gray-500">
                                                        by
                                                        <a class="text-gray-500" href="#!">Ewan Rogers</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="d-flex mb-4">
                                                <div class="avatar avatar-lg"><img class="avatar-img" src="assets/img/illustrations/profiles/profile-3.png" /></div>
                                                <div class="ms-3">
                                                    <a class="text-dark" href="#!"><h6 class="mb-1">Bootstrap is the best CSS framework, hands down</h6></a>
                                                    <div class="small text-gray-500">
                                                        by
                                                        <a class="text-gray-500" href="#!">Alicia Allen</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="d-flex mb-4">
                                                <div class="avatar avatar-lg"><img class="avatar-img" src="assets/img/illustrations/profiles/profile-4.png" /></div>
                                                <div class="ms-3">
                                                    <a class="text-dark" href="#!"><h6 class="mb-1">Bootstrap is the best CSS framework, hands down</h6></a>
                                                    <div class="small text-gray-500">
                                                        by
                                                        <a class="text-gray-500" href="#!">Kolby Brock</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="d-flex">
                                                <div class="avatar avatar-lg"><img class="avatar-img" src="assets/img/illustrations/profiles/profile-5.png" /></div>
                                                <div class="ms-3">
                                                    <a class="text-dark" href="#!"><h6 class="mb-1">Bootstrap is the best CSS framework, hands down</h6></a>
                                                    <div class="small text-gray-500">
                                                        by
                                                        <a class="text-gray-500" href="#!">William Cole</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <hr class="my-4" />
                            <div class="row gx-5 mb-5">
                                <div class="col-lg-4">
                                    <h6>Tech</h6>
                                    <hr class="my-4" />
                                    <a class="text-dark mb-4" href="#!">
                                        <h6>Newest tech from 2020 that can improve our quality of life</h6>
                                        <p class="text-gray-600 small mb-4">New technology is always improving the way we live. This year, we've made some major advancements.</p>
                                    </a>
                                    <a class="text-dark mb-4" href="#!">
                                        <h6>Robotics and the future of industry</h6>
                                        <p class="text-gray-600 small mb-4">Machining and tooling systems are improving everday with the help of modern robotics.</p>
                                    </a>
                                    <a class="text-dark mb-4" href="#!">
                                        <h6>Artificial intelligence - should we be worried?</h6>
                                        <p class="text-gray-600 small mb-4">Ever since James Cameron's blockbuster, the discussion about whether AI is safe has been on our minds.</p>
                                    </a>
                                    <a class="text-arrow-icon small" href="#!">
                                        More from Tech
                                        <i data-feather="arrow-right"></i>
                                    </a>
                                </div>
                                <div class="col-lg-4">
                                    <h6>Business</h6>
                                    <hr class="my-4" />
                                    <a class="text-dark mb-4" href="#!">
                                        <h6>Cottage industries and the passion economy</h6>
                                        <p class="text-gray-600 small mb-4">An old turn of phase states that if you do what you love, you won't work a day in your life. In today's economy, some are pushing that concept to the limit.</p>
                                    </a>
                                    <a class="text-dark mb-4" href="#!">
                                        <h6>Everybody love pizza!</h6>
                                        <p class="text-gray-600 small mb-4">Well, not everybody, but pizza companies are making major moves towards global expansion.</p>
                                    </a>
                                    <a class="text-dark mb-4" href="#!">
                                        <h6>Tax season is here, and you can file for free</h6>
                                        <p class="text-gray-600 small mb-4">Before you go and pay to get your taxes filed, take a look at some of these free options!</p>
                                    </a>
                                    <a class="text-arrow-icon small" href="#!">
                                        More from Business
                                        <i data-feather="arrow-right"></i>
                                    </a>
                                </div>
                                <div class="col-lg-4">
                                    <h6>Health</h6>
                                    <hr class="my-4" />
                                    <a class="text-dark mb-4" href="#!">
                                        <h6>The carnivore diet, what the science says...</h6>
                                        <p class="text-gray-600 small mb-4">It's like having a meat lover's pizza without the bread, cheese, and sauce - but is it healthy?</p>
                                    </a>
                                    <a class="text-dark mb-4" href="#!">
                                        <h6>High intensity workouts and their effect on blood pressure</h6>
                                        <p class="text-gray-600 small mb-4">Working out with more intensity for less time, is it worth the added exhaustion?</p>
                                    </a>
                                    <a class="text-dark mb-4" href="#!">
                                        <h6>An annual review of pathology and disease</h6>
                                        <p class="text-gray-600 small mb-4">This year's statistics are in, and the numbers have a lot to say.</p>
                                    </a>
                                    <a class="text-arrow-icon small" href="#!">
                                        More from Health
                                        <i data-feather="arrow-right"></i>
                                    </a>
                                </div>
                            </div>
                            <div class="card mb-n5 z-1">
                                <div class="card-body p-5">
                                    <div class="row gx-5 align-items-center">
                                        <div class="col-lg-6">
                                            <h4>Get the latest news</h4>
                                            <p class="lead text-gray-500 mb-0">Stay in the loop with the latest stories and breaking headlines!</p>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="input-group mb-2">
                                                <input class="form-control form-control-solid" type="text" placeholder="youremail@example.com" aria-label="Recipient's username" aria-describedby="button-addon2" />
                                                <button class="btn btn-primary" id="button-addon2" type="button">Sign up</button>
                                            </div>
                                            <div class="small text-gray-500">You can unsubscribe at any time.</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="svg-border-rounded text-dark">
                            <!-- Rounded SVG Border-->
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144.54 17.34" preserveAspectRatio="none" fill="currentColor"><path d="M144.54,17.34H0V0H144.54ZM0,0S32.36,17.34,72.27,17.34,144.54,0,144.54,0"></path></svg>
                        </div>
                    </section>
                </main>
            </div>
            <div id="layoutDefault_footer">
                <footer class="footer pt-10 pb-5 mt-auto bg-dark footer-dark">
                    <div class="container px-5">
                        <div class="row gx-5">
                            <div class="col-lg-3">
                                <div class="footer-brand">SB UI Kit Pro</div>
                                <div class="mb-3">Design made easy</div>
                                <div class="icon-list-social mb-5">
                                    <a class="icon-list-social-link" href="#!"><i class="fab fa-instagram"></i></a>
                                    <a class="icon-list-social-link" href="#!"><i class="fab fa-facebook"></i></a>
                                    <a class="icon-list-social-link" href="#!"><i class="fab fa-github"></i></a>
                                    <a class="icon-list-social-link" href="#!"><i class="fab fa-twitter"></i></a>
                                </div>
                            </div>
                            <div class="col-lg-9">
                                <div class="row gx-5">
                                    <div class="col-lg-3 col-md-6 mb-5 mb-lg-0">
                                        <div class="text-uppercase-expanded text-xs mb-4">Product</div>
                                        <ul class="list-unstyled mb-0">
                                            <li class="mb-2"><a href="#!">Landing</a></li>
                                            <li class="mb-2"><a href="#!">Pages</a></li>
                                            <li class="mb-2"><a href="#!">Sections</a></li>
                                            <li class="mb-2"><a href="#!">Documentation</a></li>
                                            <li><a href="#!">Changelog</a></li>
                                        </ul>
                                    </div>
                                    <div class="col-lg-3 col-md-6 mb-5 mb-lg-0">
                                        <div class="text-uppercase-expanded text-xs mb-4">Technical</div>
                                        <ul class="list-unstyled mb-0">
                                            <li class="mb-2"><a href="#!">Documentation</a></li>
                                            <li class="mb-2"><a href="#!">Changelog</a></li>
                                            <li class="mb-2"><a href="#!">Theme Customizer</a></li>
                                            <li><a href="#!">UI Kit</a></li>
                                        </ul>
                                    </div>
                                    <div class="col-lg-3 col-md-6 mb-5 mb-md-0">
                                        <div class="text-uppercase-expanded text-xs mb-4">Includes</div>
                                        <ul class="list-unstyled mb-0">
                                            <li class="mb-2"><a href="#!">Utilities</a></li>
                                            <li class="mb-2"><a href="#!">Components</a></li>
                                            <li class="mb-2"><a href="#!">Layouts</a></li>
                                            <li class="mb-2"><a href="#!">Code Samples</a></li>
                                            <li class="mb-2"><a href="#!">Products</a></li>
                                            <li class="mb-2"><a href="#!">Affiliates</a></li>
                                            <li><a href="#!">Updates</a></li>
                                        </ul>
                                    </div>
                                    <div class="col-lg-3 col-md-6">
                                        <div class="text-uppercase-expanded text-xs mb-4">Legal</div>
                                        <ul class="list-unstyled mb-0">
                                            <li class="mb-2"><a href="#!">Privacy Policy</a></li>
                                            <li class="mb-2"><a href="#!">Terms and Conditions</a></li>
                                            <li><a href="#!">License</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <hr class="my-5" />
                        <div class="row gx-5 align-items-center">
                            <div class="col-md-6 small">Copyright &copy; Your Website 2021</div>
                            <div class="col-md-6 text-md-end small">
                                <a href="#!">Privacy Policy</a>
                                &middot;
                                <a href="#!">Terms &amp; Conditions</a>
                            </div>
                        </div>
                    </div>
                </footer>
            </div>
        </div>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
        <script src="js/scripts.js"></script>
    </body>
</html>
